<template>
  <div>
    <goga-header  title="优惠券">
      <div slot="left">
        <span @click="goBack">
          <icon symbol="back"> </icon>
        </span>
      </div>
      <div class="coupon-menu" slot="bottom">
        <router-link :to="{name:'coupon-list',params:{state:0}}" replace>可使用</router-link>
        <router-link :to="{name:'coupon-list',params:{state:4}}" replace>吃货券</router-link>
      </div>
    </goga-header>
    <router-view class="view"></router-view>
  </div>
</template>
<script lang="babel">
  import gogaHeader from '@components/goga-header'
  import Icon from '@components/icon'
  export default {
    components: {
      gogaHeader,
      Icon
    },
    data() {
      return {
      }
    },
    async mounted() {
    },
    methods: {
      goBack () {
        this.$router.back()
      }
    }
  }
</script>
<style lang="less">
  @import "index.less";
</style>
